.map-border{border-right: #C4D5E0 1px solid;}

.cargo-wks{margin-top:5px;}
.cargo-aside{background:#F5F8F9;width:223px;height:500px;;}
.cargo-article{width:100%;margin-left:1px;*margin-left:5px;}
.cargo-map{height:300px;border:1px solid #C4D5E0;}
.grid{border-left:0px solid #C4D5E0;border-right:0px solid #C4D5E0;background:#fff;border-top:0;width:775px;float:left}
.grid-h{list-style:none;background:url(/assets/shipper_maps/bg.png) repeat-x 0 -3px;height:30px;line-height:30px;border-bottom:1px solid #C4D5E0;border-top:0px solid #C4D5E0;}
.grid li{list-style:none;display:inline-block;*display:inline;*zoom:1;text-align:center;margin: 0;}

.grid-c{background:url(/assets/shipper_maps/shadow_d.png) repeat-x;border-top:1px solid #C2D6DE;}
.grid-row{border-top:1px solid #C4D5E0;border-bottom:1px solid #C4D5E0;margin-top:6px;}
.grid-row .cell{vertical-align:middle;height:30px;line-height:30px;display:inline-block;*display:inline;*zoom:1;border-right:0px solid steelblue}
.grid-row .grid-s-row{border:0px solid red;}
.bill-info{background:#F2F9FF}
.v-more{width:145px;height:50px;position:absolute;z-index:88;top:70px;background:#FF8A00;left:-1px;border:1px solid #C0C0C0;border-top:0;display:none;color:#fff}

.box-grid{border:1px solid #C0C0C0;border-top:0;display:none;border-bottom-color: #F0F0F0;border-left-color: #F0F0F0;border-right-color: #F0F0F0;}
.box-grid-icon-wrap{width:30px;vertical-align:top;text-align:center;float:left}
.box-grid-wks{width:296px;float:left}
.box-grid-h span{text-align:center}
.box-grid-row span{text-align:center;display:inline-block;*display:inline;*zoom:1}
.exp-boxes-btn{width:30px;height:30px;}
a.exp-boxes-btn:hover{background:#F2F5F8}

.grid-block-cell{float:left;display:block;height:20px;line-height:20px;width:100%}
.cell{text-align:center}
.grid-split-cell{border-right:1px solid #C4D5E0;height:70px;line-height:70px;vertical-align:middle;text-align:center;float:left}

.more{position:absolute;bottom:5px;right:5px;background:url(/assets/shipper_maps/down.png) no-repeat;height:8px;width:8px;z-index:100}
a.more:hover{background:url(/assets/shipper_maps/up.png) no-repeat;}

.box-grid-h{background:#F2F5F8;height:30px;line-height:30px;}
.box-grid-h span{display:inline-block;*display:inline;*zoom:1}
.box-grid-row{background:#fff;height:30px;line-height:30px;vertical-align:middle;border-bottom:1px dotted #c0c0c0}



.bill-title{height:30px;line-height:30px;text-indent:10px;color:#205078;border-bottom:0px solid #205078;margin:0 auto}
.boxes-simple{list-style:none;margin:0 auto;height:340px;border:0px solid steelblue;overflow:auto;}
.boxes-title{border-bottom:1px solid steelblue;height:20px;line-height:20px;vertical-align:bottom;color:steelblue;}
.boxes-simple dd {list-style:none;margin:0;padding:0;display:block;height:30px;line-height:30px;vertical-align:middle;border-bottom:1px solid #c0c0c0;text-indent:5px;cursor:pointer;}
.boxes-se{height:30px;line-height:30px;vertical-align:middle;text-indent:5px;margin-right:10px}

.base-row div,.base-row span,.base-row label{float:left;line-height:25px;height:25px;vertical-align: middle;display:inline-block;*display:inline;*zoom:1}
.base-row .left{width:180px;}
.base-row .right{width:110px;}
.base-row .left,.base-row .right{line-height: 25px;height: 25px}
.base-row label{width:20px;text-align:right;display:inline-block;*display:inline;*zoom:1;vertical-align: middle;}
.base-row right{width:90px;}

.box-row-map-view.over{background-color:#ffcd32}
.box-row-map-view a {height: 20px; line-height: 20px;vertical-align: middle;display: inline-block;*diaplay:inline;*zoom:1}

#boxDetailWin{display:none;position:absolute;right:299px;border:4px solid #ADD9ED;background-color:#E5F6FE;width:210px;height:130px;z-index: 99999}
#boxDetailWin label{margin:5px;width:60px;text-align: right;display: inline-block;*display:inline;*zoom:1}
#listWrap{ background:#fff;
    width:998px;
    border:1px solid #C4D5E0;}
/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/

.toggle_btn{
    float: right;
    padding-right: 3px;
}

/*body{overflow:auto;font-size:9pt}*/
/*.header{height:80px;background:steelblue;float:left;width:100%}*/
.lside {
    float: left;
    width: 370px;
    border-left: 2px solid steelblue;
}

.wks {
    margin-left: 377px;
    height: 100%;
    background: green;
    padding-bottom: 80px;
}

.search-wrap {
    padding: 5px 3px;
    height: 35px;
    line-height: 35px;
}

a.search-btn:hover {
    background-position-y: -130px;
    text-decoration: none;
}

.search-wrap * {
    vertical-align: middle
}

.search-lab {
    width: 80px;
    text-align: right;
}

.drag {
    float: left;
    width: 5px;
    background: steelblue;
    height: 100%
}

.content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    float: left;
    position: relative
}

.toolbar {
    background: steelblue;
    width: 100%;
    height: 24px;
    position: absolute;
    filter: alpha(opacity = 50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.bill-history-wrap{z-index: 100;display:none;position: absolute;right:0;background: url(/assets/bill_detail_shadow.png) no-repeat left bottom;border: 0px solid #ffc;border-top:0;width:100%;color: #000000;padding-bottom: 5px;}


.base-info {padding-bottom: 8px;}

.s-bill-info {
    width: 100%;
    background: #87bdea  url(/assets/shipper_maps/bill_title_bg.png) no-repeat left center;
    padding: 0;
    vertical-align: middle;
    color:#505050;
    height:30px;
    line-height: 30px;
}
.s-bill-info span{
    display: inlin-block;
    *display:inline;
    *zoom:1;
    vertical-align: middle;
}

.bill-code {
    height: 100%;
    color: #404040;
    font-weight: bold;
    font-family: Tahoma, Helvetica, Arial, "宋体", sans-serif;
}
.bl-detail-wrap{
    display: none;
}

.show-bill-history-btn{ color:#296DC6;width:80px;height:20px;line-height: 20px;vertical-align: middle;position: absolute;right:2px;top:4px;text-align: center;border:1px solid transparent}
a.show-bill-history-btn:hover{;__border:1px solid #36A4D9;__background: #90D8F0;color:#f60}

.bl-histories-wrap{
    display: none;
}

.boxes-wrap {
    border-top: 1px dashed #c0c0c0;
}

.boxes-h {
    height: 20px;
    line-height: 20px;
    background: #F7F9FB;
}

.boxes-h span {
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
    color:#AEAEAE;
}

.boxes{
    border-bottom: 1px solid #e3e3e3;
}

.box {
    width: 100%;
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 26px;
    height: 26px;
    vertical-align: middle;
    text-indent: 0px;
    border-bottom: 1px solid #f3f3f3
}

a.box {
    background-position-y: 100px;
    text-decoration: none;
}

.box span{
    /*margin: 0;*/
    /*padding: 0;*/
    display: inline-block;
    text-align: center;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float:left;
    line-height: 26px;
    height: 26px;
    color:#8E8E8E;
}
.boxes-h span {
    /*margin: 0;*/
    /*padding: 0;*/
    display: inline-block;
    text-align: center;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float:left;
    line-height: 20px;
    height: 20px;
}

.box .op-btns a{ display: inline-block;*display: inline;*zoom: 1;width:21px;float:left}

.hl-histories {
    /*background: url(/assets/history_bg.png) repeat-x;*/
    text-indent: 6px;
}

.hl-histories span {
    color: #4B4B4B;
    text-indent: 0;
    vertical-align: middle;
}

.history {
    /*height: 25px;*/
    line-height: 18px;
    /*margin-top: 15px;*/
    /*filter: alpha(opacity = 70);*/
    /*-moz-opacity: 0.7;*/
    /*-khtml-opacity: 0.7;*/
    /*opacity: 0.7;*/
}

.history span{
    display: inline-block;

}

.bill-detail2 {
    position: absolute;
    left: 0;
    top: 30px;
    width: 500px;
    height: 500px;
    display: none
}

/*.bill-detail{display:none}*/
.tools{
    position: absolute;
    right: 160px;
    top:140px;
    z-index: 99999999;
    background: rgba(0, 0, 0, .2);
    padding: 5px;
}

.rectangle_tool{
    background: white;
    font-size: 13px;
    opacity: 0.8;
}
.rectangle_tool a{
    color: blue;
    font-size: 13px;
    text-decoration: none;
}

/*矩形框选工具被选中时的样式*/
.rectangle_tool a:hover, .rectangle_tool a.selected{
    color: #DE7A0F;
}

.right-bar {height:519px; width:20px; position:absolute; right:297px; z-index:1001;}
.hide-btn {height:13px; width:20px; background-image:url(/assets/right-fh.png); margin: 260px 0px; z-index: 1002}
.on-right-bar {background-color: #FFFFFF; opacity:0.7;}
/*.change-position{height:902px;}*/